<div class="journal_view">
    <div class="panel panel-default">
        <div class="btn-group group_panel" role="group">
            <button type="button" class="btn btn-default">A</button>
            <button type="button" class="btn btn-default">B</button>
            <button type="button" class="btn btn-default">C</button>
            <button type="button" class="btn btn-default">D</button>
            <button type="button" class="btn btn-default">E</button>
            <button type="button" class="btn btn-default">F</button>
            <button type="button" class="btn btn-default">G</button>
            <button type="button" class="btn btn-default">H</button>
            <button type="button" class="btn btn-default">I</button>
            <button type="button" class="btn btn-default">J</button>
            <button type="button" class="btn btn-default">K</button>
            <button type="button" class="btn btn-default">L</button>
            <button type="button" class="btn btn-default">M</button>
            <button type="button" class="btn btn-default">N</button>
            <button type="button" class="btn btn-default">O</button>
            <button type="button" class="btn btn-default">P</button>
            <button type="button" class="btn btn-default">Q</button>
            <button type="button" class="btn btn-default">R</button>
            <button type="button" class="btn btn-default">S</button>
            <button type="button" class="btn btn-default">T</button>
            <button type="button" class="btn btn-default">U</button>
            <button type="button" class="btn btn-default">V</button>
            <button type="button" class="btn btn-default">W</button>
            <button type="button" class="btn btn-default">X</button>
            <button type="button" class="btn btn-default">Y</button>
            <button type="button" class="btn btn-default">Z</button>
        </div>
        <div class="sqltip">
            <strong>查询的条件为 <span class="sqlinfo">N</span> 开头的期刊，共以下 <span class="sqlinfo">18</span> 条记录：</strong>
        </div>
        <form class="form-horizontal tablemargin">
            <div class="table-responsive">
                <table class="table table-hover table-condensed text-center" style="margin-bottom:0px;">
                    <thead>
                        <tr class="active">
                            <th class="text-center">序号</th>
                            <th class="text-center">刊名</th>
                            <th class="text-center">ISSN</th>
                            <th class="text-center">出版社</th>
                            <th class="text-center">出版年</th>
                            <th class="text-center">索书号</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Nihon eiseigaku zasshi = Japanese journal of hygiene.</td>
                            <td>1093-8001</td>
                            <td>Miller Freeman,</td>
                            <td>c1998-</td>
                            <td>TP/55W</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>Network magazine</td>
                            <td>1093-8001</td>
                            <td>Miller Freeman,</td>
                            <td>c1998-</td>
                            <td>TP/55W</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>Network magazine : incorporating data communications.</td>
                            <td>1093-8001</td>
                            <td>Miller Freeman,</td>
                            <td>c1998-</td>
                            <td>TP/55W</td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>Network magazine</td>
                            <td>1093-8001</td>
                            <td>Miller Freeman,</td>
                            <td>c1998-</td>
                            <td>TP/55W</td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>Nihon eiseigaku zasshi = Japanese journal of hygiene.</td>
                            <td>1093-8001</td>
                            <td>Miller Freeman,</td>
                            <td>c1998-</td>
                            <td>TP/55W</td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>Network magazine</td>
                            <td>1093-8001</td>
                            <td>Miller Freeman,</td>
                            <td>c1998-</td>
                            <td>TP/55W</td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>Network magazine : incorporating data communications.</td>
                            <td>1093-8001</td>
                            <td>Miller Freeman,</td>
                            <td>c1998-</td>
                            <td>TP/55W</td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>Network magazine</td>
                            <td>1093-8001</td>
                            <td>Miller Freeman,</td>
                            <td>c1998-</td>
                            <td>TP/55W</td>
                        </tr>
                    </tbody>
                </table>
                <div class="page text-right">
                    <nav>
                        <ul class="pagination pagination-sm">
                            <li>
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li>
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
    </div>
</div>
